/* banner */
.flex-start{display: flex;display:-webkit-flex;justify-content: start;flex-wrap: wrap}

.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.banner { background-color: #F5F5F8;}
.banner .swiper-slide { width: 100%; line-height: 0;}
.banner .swiper-slide img { width: 100%;}
.IndexView .swiper-container2 { display: none;}
.IndexView .swiper-pagination-bullet { width: 60px; height: 6px; background: #DDDDDD; border-radius: 3px; opacity: 1;}
.IndexView .swiper-pagination-bullet-active { background: #206BEB;}
.IndexView .swiper-pagination-bullets { bottom: 20px;}
@media screen and (max-width: 750px) {
    .IndexView .swiper-pagination-bullet { width: 30px; height: 4px;}
    .IndexView .swiper-container1 { display: none;}
    .IndexView .swiper-container2 { display: block;}
}

.commonBox { padding-bottom: 93px;}
.commonBox .title { font-size: 42px; line-height: 60px; color: #333333; padding-top: 100px; text-align: center;}
.commonBox .s-title { font-size: 16px; line-height: 26px; color: #666666; padding-top: 35px; text-align: center;}
.commonBox { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.commonBox.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media screen and (max-width: 1219px) {
    .commonBox .title { padding-top: 50px; font-size: 30px;}
}
@media screen and (max-width: 767px) {
    .commonBox { padding-bottom: 40px;}
    .commonBox .title { font-size: 28px; padding-top: 30px;}
}
.provide .list .item { position: relative; cursor: pointer; transition: all 0.3s; margin-top: 80px; width: calc(25% - 117px); padding: 0 38px 53px; border-radius: 20px; box-shadow: 0px 0px 20px 0px #E1E6E7; line-height: 0; text-align: center; margin-right: 54px;}
.provide .list .item:nth-child(4n) { margin-right: 0;}
.provide .list .item:hover { margin-top: 70px; margin-bottom: 10px;transform: scale(1.1);}
.provide .list .item img { width: 80%; height: auto; margin-top: 28px;}
.provide .list .item .tit { font-size: 24px; line-height: 1; color: #333333; margin-top: 10px;}
.provide .list .item .desp { font-size: 14px; line-height: 24px; color: #999999; margin-top: 15px; text-align: left;}
.provide .list .item a { width: 100%; display: block; position: absolute; bottom: 15px; left: 0; text-align: center;}
.provide .list .item .want { bottom: 15px; display: inline-block; font-size: 14px; line-height: 24px; color: #206BEB; margin-top: 14px;}
.provide .list .item .want:hover { color: #7da0f1;}
@media screen and (max-width: 1219px) {
    .provide .list .item { width: calc(25% - 94px); margin-right: 24px;}
}
@media screen and (max-width: 980px) {
    .provide .list .item .tit { font-size: 20px;}
    .provide .list .item .desp { font-size: 12px;}
}
@media screen and (max-width: 750px) {
    .provide .list .item { width: calc(50% - 25px); padding: 0 10px 15px;  margin-right: 10px; margin-top: 30px;}
    .provide .list .item:nth-child(2n) { margin-right: 0;}
    .provide .list .item:hover { margin-top:30px; margin-bottom:unset;transform: scale(1);}
    .provide .list .item .desp{min-height: 140px}

}
@media screen and (max-width: 414px) {
    .commonBox .title { font-size: 22px; padding-top: 20px;}
}

/* 制定 */
.formulate { background-color: #F5F5F8;}
.formulate .navList { width: 80%; margin: 60px auto; }
.formulate .navList span { margin-right: 1px;background-color: #FFFFFF; cursor: pointer; padding: 15px 0; display: block; flex: 1; -ms-flex: 1; font-size: 16px; color: #333333; line-height: 20px; text-align: center;}
.formulate .navList span:first-child { border-radius: 3px 0 0 3px;}
.formulate .navList span:last-child {margin-right: 0; border-radius: 0 3px 3px 0;}
.formulate .navList span.active { color: #FFFFFF; background-color: #206BEB;}

.formulate .cont .left { width: 42%; padding-right: 60px;}
.formulate .cont .left .vCenter { height: 100%;}
.formulate .cont .right { line-height: 0;}
.formulate .cont .right img { position: relative; transition: all 0.3s; width: 100%; height: auto; border-radius: 6px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
/*.formulate .cont .right img:hover { top: -15px;}*/
/*.formulate .list .item { margin-top: 30px; }*/
.formulate .list .item:first-child { margin-top: 0; }
.formulate .list .item img { width: 36px; height: 36px; margin-right: 14px; }
.formulate .list .item .tit { min-width: 100px; font-size: 20px; color: #333333; line-height: 30px; font-weight: bold; margin-right: 10px;}
.formulate .list .item .desp { font-size: 18px; color: #666666; line-height: 30px;min-height:85px;line-height: 1.6}
@media screen and (max-width: 750px) {
    .formulate .navList { width: 96%; margin: 30px auto; }
    .formulate .cont { display: block;}
    .formulate .cont .left { width: 100%; padding-right: 0%;}
    .formulate .cont .right { width: 100%; margin-top: 30px;}
    .formulate .list .item { margin-top: 20px;}
    .formulate .list .item .tit { font-size: 18px; min-width: 70px;}
    .formulate .list .item .desp { font-size: 16px;}
}
@media screen and (max-width: 414px) {
    .formulate .navList { width: 98%;}
    .formulate .list .item { margin-top: 15px;}
    .formulate .navList span { font-size: 12px; padding: 15px 2px;}
}
/* 产品 */
.product .cont-box { margin-top: 33px; }
.product .cont-box .cont-item-box { padding: 80px 0 90px; border-bottom: 1px dashed #DDDDDD;}
.product .cont-box .cont-item-box:last-child { border-bottom: none; padding-bottom: 0;}
.product .cont-box .cont-item-box:nth-child(2n+1) .item-intro .intro-text { width: calc(45% - 70px); margin-right: 70px;}
.product .cont-box .cont-item-box:nth-child(2n) .item-intro .intro-text { width: 38%; }
.product .cont-box .cont-item-box:nth-child(2n+1) .item-intro .intro-img { width: 55%; }
.product .cont-box .cont-item-box:nth-child(2n) .item-intro .intro-img { width: 55%; }
.product .cont-box .item-intro .intro-text .tit { font-size: 40px; color: #333333; line-height: 1; font-weight: bold; margin-top: 16px;}
.product .cont-box .item-intro .intro-text .desp { font-size: 20px; color: #666666; line-height: 32px; margin-top: 23px;}
.product .cont-box .item-intro .intro-text .motto { font-size: 16px; color: #333333; line-height: 32px; margin-top: 57px;}
.product .cont-box .item-intro .intro-text .person { font-size: 16px; color: #666666; line-height: 32px; text-align: right;}
.product .cont-box .item-intro .intro-img { line-height: 0;}
.product .cont-box .item-intro .intro-img img { width: 100%;}
.product .cont-box .item-list .item { cursor: pointer; width: calc(25% - 60px); margin-top: 57px; margin-right: 80px; text-align: center; line-height: 0; text-align: center;}
.product .cont-box .item-list .item:nth-child(4n) { margin-right: 0;}
.product .cont-box .item-list .item img { width: 42%; height: auto;}
.product .cont-box .item-list .item img.img { display: inline-block;}
.product .cont-box .item-list .item img.active { display: none;}
.product .cont-box .item-list .item:hover img.img { display: none;}
.product .cont-box .item-list .item:hover img.active { display: inline-block;}
.product .cont-box .item-list .item p { font-size: 18px; color: #000000; line-height: 26px; margin-top: 15px;}
.product .cont-box .item-list .item p.desp { text-align: left; font-size: 16px; color: #666666; line-height: 26px; margin-top: 18px;}
.product .cont-box .more { margin-top: 55px; text-align: center; font-size: 14px;color: #206BEB;line-height: 26px;}
.product .cont-box .more span { color: #206BEB;font-size: 18px}
.product .cont-box .more span:hover { text-decoration: underline;}
@media screen and (max-width: 1219px) {

}
@media screen and (max-width: 980px) {
    .product .cont-box .item-intro .intro-text .tit { font-size: 28px;}
    .product .cont-box .item-intro .intro-text .desp { font-size: 18px; line-height: 28px;}
    .product .cont-box .item-intro .intro-text .motto { font-size: 16px; line-height: 24px; margin-top: 37px;}
    .product .cont-box .item-intro .intro-text .person { font-size: 14px; line-height: 24px;}
    .product .cont-box .item-list .item p { font-size: 16px;}
    .product .cont-box .item-list .item p.desp { font-size: 14px;}
}
@media screen and (max-width: 750px) {
    .product .cont-box .cont-item-box { padding: 0 0 50px;}
    .product .cont-box .cont-item-box .item-intro div:first-child { margin-right: 0;}
    .product .cont-box .item-list .item { width: calc(50% - 10px); margin-right: 18px;}
    .product .cont-box .item-list .item:nth-child(2n) { margin-right: 0;}
    .product .cont-box .cont-item-box:nth-child(2n+1) .item-intro .intro-text { width: 100%; margin-right: 0; margin-top: 15px;}
    .product .cont-box .cont-item-box:nth-child(2n+1) .item-intro .intro-img { width: 100%; margin-top: 15px;}
    .product .cont-box .cont-item-box:nth-child(2n) .item-intro .intro-text { width: 100%; margin-right: 0; margin-top: 15px;}
    .product .cont-box .cont-item-box:nth-child(2n) .item-intro .intro-img { width: 100%; margin-top: 15px;}
}
.meet { width: 100%; height: 140px; background: url(../image/index8-bg.jpg) center no-repeat; background-size: cover;margin-top: 100px}
.meet .wrap { height: 100%; text-align: center;}
.meet .meet-box { height: 100%; display: inline-block;}
.meet .meet-box div { height: 100%;}
.meet p { font-size: 30px; line-height: 60px; color: #FFFFFF;}
.meet button { margin-left: 69px; padding: 0 32px; height: 50px; background: #FFFFFF; border-radius: 6px; font-size: 16px; color: #206BEB; line-height: 1;}
.meet button:hover{background: #e0eafc;}
@media screen and (max-width: 980px) {
    .meet p { font-size: 26px;}
}
@media screen and (max-width: 767px) {
    .meet { height: 100px;}
    .meet p { font-size: 20px;}
    .meet button { height: 40px; margin-left: 20px; padding: 0 15px; font-size: 12px;}
}
@media screen and (max-width: 480px) {
    .meet p { font-size: 16px;}
    .meet button { height: 32px; margin-left: 5px; padding: 0 5px; font-size: 12px;}
}
@media screen and (max-width: 414px) {
    .meet { height: 60px;}
    .meet p { font-size: 12px;}
    .meet button { height: 26px; margin-left: 5px; padding: 0 5px; font-size: 12px;}
}

.company-list { margin-top: 55px;}
.company-list .item { margin-top: 20px; width: calc(17% - 30px); height: 80px; border-radius: 6px; background: #FFFFFF center no-repeat; background-size: contain; border: 1px solid #EEEEEE; margin-right: 20px;}
/*.company-list .item:nth-child(6n) { margin-right: 0;}*/
.company-list .item:hover { border: 1px solid #206BEB;}
@media screen and (max-width: 750px) {
    .company-list .item { height: 40px; width: calc(16.6% - 12px); margin-right: 10px;}
    .company-list .item { margin-top: 20px; width: calc(33.3% - 10px);}
    .company-list .item:nth-child(3n) { margin-right: 0;}
}
.other { background: #F5F5F8;}
.other .item { margin-top: 80px; margin-right: 20px; width: calc(50% - 50px); padding: 20px; background: #FFFFFF; border-radius: 6px; line-height: 0;}
.other .item:last-child { margin-right: 0;}
.other .item>a{display: block;max-height: 300px;overflow: hidden;min-height: 300px}
.other .item .more-a{min-height: unset}
.other .item img { width: 100%; height: 300px;}
.other .item .tit { font-size: 18px;color: #333333;line-height: 1; font-weight: bold; margin-top: 20px;}
.other .item ul { margin-top: 15px;}
.other .item ul li { cursor: pointer; line-height: 0; position: relative; padding-left: 13px;}
.other .item ul li i { display: inline-block; width: 6px; height: 6px; background: #206BEB; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.other .item ul li span { display: inline-block;font-size: 14px; color: #666666;line-height: 26px;}
.other .item ul li:hover span { color: #206BEB; text-align: center;}
.other .item .more { cursor: pointer; font-size: 14px; color: #206BEB; line-height: 30px; margin-top: 20px;}
.other .item .more:hover {color: #7da0f1;}
@media screen and (max-width: 750px) {
    .other .item { width: 100%; padding: 8%; margin-right: 0; margin-top: 20px;}
}

/* 合作伙伴 */

.coopartnerView .banner {line-height: 0;}
.coopartnerView .banner img{width: 100%;}
.meet1 { margin-bottom: 40px; background: url(../image/coo1-bg.jpg) center no-repeat; background-size: cover;}
.coopartnerView .commonBox .title { padding-top: 80px; font-size: 30px;color: #333333; line-height: 50px;}
.coopartnerView .commonBox .list { margin-top: 52px;}
.coopartnerView .commonBox .list .item { margin-top: 20px; padding: 40px 40px 24px; border: 1px solid #DDDDDD;}
.coopartnerView .commonBox .list .logo { margin-right: 40px; width: 162px; height: 90px; background: center no-repeat; background-size: cover;}
.coopartnerView .commonBox .list .name { width: 100%; font-size: 0;}
.coopartnerView .commonBox .list .name p { display: inline-block; font-size: 24px;color: #333333; line-height: 1; margin-right: 15px;}
.coopartnerView .commonBox .list .name .label {display: inline-block; height: 20px; padding: 0 6px; font-size: 12px;color: #FFFFFF; line-height: 20px; background: #206BEB; border-radius: 8px 8px 8px 0;}
.coopartnerView .commonBox .list .desp { min-height: 66px; margin-top: 22px; font-size: 16px;color: #666666; line-height: 34px;}
@media screen and (max-width: 750px) {
    .coopartnerView .commonBox .title { padding-top: 40px; font-size: 24px; line-height: 34px;}
    .coopartnerView .commonBox .list .item { padding: 20px 10px ; display: block;}
    .coopartnerView .commonBox .list .logo { width: 142px; height: 70px;}
    .coopartnerView .commonBox .list .name { margin-top: 20px;}
    .coopartnerView .commonBox .list .name p { font-size: 20px;}
    .coopartnerView .commonBox .list .desp { min-height: auto; margin-top: 10px; font-size: 12px; line-height: 22px;}
}
@media screen and (max-width: 320px) {
    .coopartnerView .commonBox .title {  font-size: 20px;}
}
.coopartnerView .notice { margin-top: 30px; font-size: 12px;color: #999999;line-height: 24px;}

/* 公司介绍 */
.companyIntroView .banner { width: 100%; line-height: 0;}
.companyIntroView .banner img { width: 100%; }
.companyIntroView .info-cont { margin-top: 64px;}
.companyIntroView .info .intro { width: calc(50% - 48px);}
.companyIntroView .info .intro p { margin-top: 37px; padding: 0 24px 0 82px; font-size: 20px;color: #666666;line-height: 40px; position: relative;}
.companyIntroView .info .intro .comma { width: 72px; height: auto; position: absolute; }
.companyIntroView .info .intro .comma-l { top: 0; left: 0;}
.companyIntroView .info .intro .comma-r { bottom: -23px; right: 0;}
.companyIntroView .info .img { width: calc(50% - 60px); padding: 30px; position: relative; line-height: 0;}
.companyIntroView .info .img img { width: 100%; height: auto; position: relative;z-index: 2;}
.companyIntroView .info .img .corner-l { width: 64px; height: 51px; border-radius: 4px; background-color: #206BEB; position: absolute; left: 10px; bottom: 10px; z-index: 1;}
.companyIntroView .info .img .corner-r { width: 134px; height: 92px; border-radius: 4px; background-color: #206BEB; position: absolute; top: 0; right: 0; z-index: 1;}
@media screen and (max-width: 1219px) {
    .companyIntroView .info-cont { margin-top: 50px;}
    .companyIntroView .info .intro p { margin-top: 37px; padding: 0 20px 0 66px; font-size: 16px;line-height: 32px; }
    .companyIntroView .info .intro .comma { width: 58px;}
    .companyIntroView .info .intro .comma-r { bottom: -26px;}
    .companyIntroView .info .img { width: calc(50% - 48px);padding: 24px;}
    .companyIntroView .info .img .corner-l { width: 52px; height: 48px;left: 8px; bottom: 8px;}
    .companyIntroView .info .img .corner-r { width: 108px; height: 75px;}
}
@media screen and (max-width: 767px) {
    .companyIntroView .info-cont { margin-top: 0;}
    .companyIntroView .info .intro { width: 100%;}
    .companyIntroView .info .intro p { margin-top: 17px; padding: 0 20px 0 58px; }
    .companyIntroView .info .intro .comma { width: 58px;}
    .companyIntroView .info .img { width: 100%; margin-top: 40px;}
}
/* 核心价值观 */
.companyIntroView .core { background: #F5F5F8;}
.companyIntroView .triangle { width: 502px; margin: 0 auto; margin-top: 64px; position: relative;}
.companyIntroView .triangle .line-one { justify-content:center; font-size: 16px;font-weight: bold; color: #FFFFFF; line-height: 156px;}
.companyIntroView .triangle .worth { position: relative; text-align: center;}
.companyIntroView .triangle .line-one .worth { height: 126px; text-align: center;}
.companyIntroView .triangle .line-two .worth span { padding: 0 8px;}
.companyIntroView .triangle .line-one .worth1 { width: 156px;}
.companyIntroView .triangle .line-one .worth span { position: relative; z-index: 2;}
.companyIntroView .triangle .line-one .worth::after { position: absolute; top: 0; left: 0; content: ''; width: 0; height: 0; border-left: 78px solid transparent; border-right: 78px solid transparent; border-bottom: 126px solid #206BEB;}
.companyIntroView .triangle .line-two { margin-top: 17px; justify-content:center; font-size: 16px;font-weight: bold; color: #FFFFFF; line-height: 60px;}
.companyIntroView .triangle .line-two .worth { height: 118px; background: #4D94FF; line-height: 118px; margin-right: 2px;}
.companyIntroView .triangle .line-two .worth:last-child { margin-right: 0;}
.companyIntroView .triangle .line-two .worth:first-child { width: 120px; text-align: right;}
.companyIntroView .triangle .line-two .worth:first-child::before { content: ''; width: 0; height: 0; border-top: 118px solid #F5F5F8; border-right: 74px solid transparent; position: absolute; top: 0; left: 0;}
.companyIntroView .triangle .line-two .worth:nth-child(2n) { width: 80px;}
.companyIntroView .triangle .line-two .worth:nth-child(3n) { width: 120px; text-align: left;}
.companyIntroView .triangle .line-two .worth:nth-child(3n)::before { content: ''; width: 0; height: 0; border-top: 118px solid #F5F5F8; border-left: 74px solid transparent; position: absolute; top: 0; right: 0;}
.companyIntroView .triangle .line-three { margin-top: 17px; justify-content:center; font-size: 16px;font-weight: bold; color: #333333; line-height: 60px;}
.companyIntroView .triangle .line-three .worth { height: 127px; background: #cdd0da; line-height: 127px; margin-right: 2px;}
.companyIntroView .triangle .line-three .worth span { padding: 0 18px;}
.companyIntroView .triangle .line-three .worth:last-child { margin-right: 0;}
.companyIntroView .triangle .line-three .worth:first-child { width: 148px;text-align: right;}
.companyIntroView .triangle .line-three .worth:first-child::before { content: ''; width: 0; height: 0; border-top: 127px solid #F5F5F8; border-right: 79px solid transparent; position: absolute; top: 0; left: 0;}
.companyIntroView .triangle .line-three .worth:nth-child(2n) { width: 100px;}
.companyIntroView .triangle .line-three .worth:nth-child(3n) { width: 100px;}
.companyIntroView .triangle .line-three .worth:last-child { width: 148px;text-align: left;}
.companyIntroView .triangle .line-three .worth:last-child::before { content: ''; width: 0; height: 0; border-top: 127px solid #F5F5F8; border-left: 79px solid transparent; position: absolute; top: 0; right: 0;}
.companyIntroView .triangle .line-text { color: #595E70; position: absolute;}
.companyIntroView .triangle .line-text span { font-size: 14px; padding: 0 10px;}
.companyIntroView .triangle .line-text .line { height: 0; border-bottom: 2px dotted #878B99;}
.companyIntroView .triangle .line-text1 { width: 533px; left: -14px; bottom: -24px;}
.companyIntroView .triangle .line-text2 { width: 460px; left: 165px; bottom: 192px; transform:rotate(-122deg);}
.companyIntroView .triangle .line-text3 { width: 460px; left: -123px; bottom: 190px; transform:rotate(-58deg);}
.companyIntroView .triangle .line-text2 span { transform: rotate(180deg);}
@media screen and (max-width: 767px) {
    .companyIntroView .triangle { zoom: 0.6;}
}
@media screen and (max-width: 413px) {
    .companyIntroView .triangle { zoom: 0.5;}
}



.companyIntroView .swiper { margin-top: 63px;}
.companyIntroView .swiper .swipe-cont { width: 100%;}
.companyIntroView .swiper .swipe-cont img { width: 100%;}
.companyIntroView .swiper .swipe-cont .left { width: calc(44% - 20px); margin-right: 20px;}
.companyIntroView .swiper .swipe-cont .left .img-box { position: relative; height: 250px;  border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
.companyIntroView .swiper .swipe-cont img { width: 100%; height: 100%; object-fit:cover;}
.companyIntroView .swiper .swipe-cont .right { width: 56%; height: 520px;border-radius: 10px; overflow: hidden;}
.companyIntroView .swiper .swiper-pagination { bottom: 34px; left: 20%;}
.companyIntroView .news .btn-box { text-align: center;}
.companyIntroView .news .more { margin: 0 auto; margin-top: 50px; border: 1px solid #DDDDDD; border-radius: 4px;padding: 0 40px; height: 50px; font-size: 14px; color: #999999; line-height: 1;}
.companyIntroView .news .more:hover { border: 1px solid #206BEB; color: #206BEB;}
@media screen and (max-width: 1219px) {
    .companyIntroView .swiper .swipe-cont .left .img-box { height: 202px;}
    .companyIntroView .swiper .swipe-cont .right { height: 420px;}
}
@media screen and (max-width: 767px) {
    .companyIntroView .swiper { margin-top: 30px;}
    .companyIntroView .swiper .swipe-cont .left { width: 100%;  margin-right: 0;}
    .companyIntroView .swiper .swipe-cont .left .img-box { height: auto;}
    .companyIntroView .swiper .swipe-cont .right { width: 100%; height: auto;}
    .companyIntroView .swiper .swiper-pagination { left: 0;}
}
.companyIntroView .news { background-color: #F5F5F8;}
.companyIntroView .commonBox.news .title { padding-top: 80px;}
.companyIntroView .news .list { }
.companyIntroView .news .list .item {width: calc(33% - 27px); margin-right: 45px;margin-top: 52px;}
.companyIntroView .news .list .item:nth-child(3n) { margin-right: 0;}
.companyIntroView .news .list .item:last-child { margin-right: 0;}
.companyIntroView .news .list .item img { width: 100%; height: 200px; border-radius: 6px; object-fit: cover;}
.companyIntroView .news .list .item .tit {font-size: 16px; color: #333333; line-height: 26px; margin-top: 21px;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.companyIntroView .news .list .item .desp {font-size: 14px; color: #666666; line-height: 26px; margin-top: 14px;}
.companyIntroView .news .list .item .look {font-size: 14px; color: #206BEB; line-height: 26px; margin-top: 8px;}
.companyIntroView .news .list .item .look:hover { color: #7da0f1;}
@media screen and (max-width: 1219px) {
    .companyIntroView .news .list .item {width: calc(33% - 27px); margin-right: 35px;}
    .companyIntroView .news .list .item img { height: 167px;}
}
@media screen and (max-width: 767px) {
    .companyIntroView .commonBox.news .title { padding-top: 40px;}
    .companyIntroView .news .list .item {width: 100%; margin-right: 0; margin-bottom: 20px;margin-top:  30px;}
    .companyIntroView .news .list .item img { height: auto;}
    .companyIntroView .news .more { margin-top: 10px; height: 40px;}
}
@media screen and (max-width: 320px) {
    .coopartnerView .commonBox .title {  font-size: 20px;}
}
.mobile{display: none}
.footFormBoxXG .mobile{display: block}
@media screen and (max-width: 765px) {
    .provide .list .item img {width: 50%;margin-top: 10px}
    .commonBox .title{line-height: 1}
    .formulate .navList span{padding: 8px 2px}
    .formulate .list .item .desp{min-height: unset;font-size: 14px;position: relative;top: 2px}
    .formulate .list .item .tit{font-size: 16px}
    .formulate .list .item img{width: 30px;height: 30px}
    .product .cont-box{margin-top: 0}
    .product .cont-box .item-intro .intro-text .tit{font-size: 24px}
    .product .cont-box .item-list .item{margin-top: 20px}
    .product .cont-box .more{margin-top: 20px}
    .product .cont-box .cont-item-box{padding-bottom: 20px}

    .product .cont-box .hiden-boxs112 .item-intro .intro-text .tit{display: none}
    .product .cont-box .hiden-boxs112 .item-intro .intro-img {display: none}
    .product .cont-box .mobile{display: block; line-height: 1; font-weight: bold; margin-top: 16px;font-size: 24px}
    .product .cont-box .mobile img{display: block;width: 100%}
    .product .cont-item-box-mobile{display: none}
    .product .mobile-title{cursor: pointer}
    .commonBox{padding-bottom: 20px}
    .commonBox .title{padding-top: 20px}
    .commonBox .s-title{padding-top: 20px}
    .company-list{margin-top: 10px}
    .other{display: none}

    .companyIntroView .triangle .line-three .worth span { padding: 0 10px;}
}







.index-type2 .tit-icon{position: relative}
.index-type2 .section1{}
.index-type2 .wrapTit1{font-size: 42px;margin: 80px 0;text-align: center}
.index-type2 .section1 .item{width: calc(25% - 15px);color: #fff;position: relative;cursor: pointer;transition: all .6s;overflow: hidden;border-radius: 6px;overflow: hidden}
.index-type2 .section1 .item img{display: block;width: 100%}
.index-type2 .section1 .item .tit{font-size: 24px;font-weight: bold;color: #fff}
.index-type2 .section1 .item .tit .icon{position: absolute;right: 25px;top:6px;font-size: 20px;font-weight: 400;transition: all .6s}
.index-type2 .section1 .item .text{font-size: 14px;margin-top: 22px;line-height: 1.6}
.index-type2 .section1 .item .bg{position: absolute;z-index: 9;top:calc(100% - 50px);height: 100%;transition: all .6s;width: 100%}
.index-type2 .section1 .item:hover .bg{background-color:rgba(32, 107, 235,.8);top: 0}
.index-type2 .section1 .item .bg .cont{color:#fff;position: absolute;top:0;width: 100%;padding: 0 25px;box-sizing: border-box;transition: all .6s}
.index-type2 .section1 .item:hover .bg .cont{top:calc(100% - 150px);}
.index-type2 .section1 .item:hover .tit .icon{top: 110px;transform:rotate(90deg)}
.index-type2 .index2Btn{background-color: rgba(32, 107, 235, 1); border-radius: 6px; height: 50px; width: 160px;display: block;margin: 0 auto;margin-top: 60px;color: rgba(254, 254, 255, 1);line-height: 50px;font-size: 16px;text-align: center}

.index-type2 .section2{background-color: #206BEB;padding: 85px 0 90px;margin-top: 100px}
.index-type2 .section2 .img{width: 52%;display: block}
.index-type2 .section2 .cont-box{display: flex; align-items:center; justify-content:center;width: 48%;color: #fff; }
.index-type2 .section2 .cont .tit{font-size: 42px;margin-bottom: 50px}
.index-type2 .section2 .cont .text{font-size: 18px}
.index-type2 .section2 .cont .text p{margin-bottom: 16px}
.index-type2 .section2 .cont .text p .i{width: 5px;height:5px;background-color: #FF9604;display: inline-block;float: left;position: relative;top: 10px;margin-right: 15px}

.index-type2 .section3 .cont{font-size: 42px;margin-bottom: 30px}
.index-type2 .section3 .img{position: absolute;right: 0;bottom: -50px;width: 48%}
.index-type2 .section3 .index2Btn{margin: 0;margin-top: 30px }

.index-type2 .section4{padding: 0 60px;box-sizing: border-box;margin-top: 80px}
.index-type2 .section4 .case .case-main .casebox{ box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;  width:calc(25% - 13px); margin-bottom: 20px; text-align: center; border-radius: 10px; cursor: pointer; overflow: hidden;}
.index-type2 .section4 .case .case-main .casebox.no{margin-bottom: 0}
.index-type2 .section4 .case .case-main .casebox .casecon{ position: relative;}
.index-type2 .section4 .case .case-main .casebox img{ width: 100%;  max-height:330px; display: block; background-size: cover; background-position: center top; transition: ease-out 8s;  border-radius: 10px;}
.index-type2 .section4 .case .case-main .casebox:hover img{ background-position: center bottom;}
.index-type2 .swiper { width: 100%; height: 100%;display: none }
.index-type2 .swiper-slide img {display: block;width: 100%; object-fit: cover;}
.index-type2 .swiper .img-box{height: 300px;overflow: hidden;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.index-type2 .swiper {
    width: 100%;
    height: 100%;
}

.index-type2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index-type2 .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.index-type2 .section5{margin-top: 100px}
.index-type2 .adv-type1{background-color: #F5F5F8;padding: 85px 0 90px;}
.index-type2 .adv-type1 .cont-box{width: 48%; display: flex; align-items:center; justify-content:center}
.index-type2 .adv-type1 .img{width: 52%;display: block}
.index-type2 .adv-type1 .cont .tit{font-size: 42px;margin-bottom: 50px;line-height: 1.5}
.index-type2 .adv-type1 .cont .text{font-size: 18px}
.index-type2 .adv-type1 .cont .text p{margin-bottom: 16px}
.index-type2 .adv-type1 .cont .text p .i{width: 5px;height:5px;background-color: #206BEB;display: inline-block;float: left;position: relative;top: 10px;margin-right: 15px}

.index-type2 .adv-type2{ padding: 85px 0 90px; }
.index-type2 .adv-type2 .cont-box{width: 48%; display: flex; align-items:center; justify-content:center}
.index-type2 .adv-type2 .img{width: 48%;display: block}
.index-type2 .adv-type2 .cont .tit{font-size: 42px;margin-bottom: 50px;line-height: 1.5}
.index-type2 .adv-type2 .cont .text{font-size: 18px}
.index-type2 .adv-type2 .cont .text p{margin-bottom: 16px}
.index-type2 .adv-type2 .cont .text p .i{width: 5px;height:5px;background-color: #206BEB;display: inline-block;float: left;position: relative;top: 10px;margin-right: 15px}
.index-type2 .section9{background-color: #F5F5F8;padding: 100px 0}
.index-type2 .section9 .wrap{background-color: #fff; }
.index-type2 .section9 .sec9-nav-box{height: 64px;line-height: 64px;background-color: #E5EBF8}
.index-type2 .section9 .sec9-nav-box .sec9-nav{cursor: pointer;width: calc(100% / 3);display: block;font-size: 20px;color: #666;text-align: center;border-top: 4px solid #E5EBF8;}
.index-type2 .section9 .sec9-nav-box .sec9-nav.active{border-top: 4px solid #206BEB;color: #206BEB;background-color: #fff}
.index-type2 .section9 .sec9-cont{padding: 0 30px 40px}
.index-type2 .section9 .sec9-cont .list{margin-top: 60px}
.index-type2 .section9 .sec9-cont .list .box{display: none}
.index-type2 .section9 .sec9-cont .list .box.active{display: flex}
.index-type2 .section9 .sec9-cont .list .box .left{width: calc(100% / 3);border: 1px solid #DDDDDD;border-radius: 10px;}
.index-type2 .section9 .sec9-cont .list .box .left .top{width: 80%;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);padding: 28px 0;position: relative;top:-20px;text-align: center;left: 10%;z-index: 9;background-color: #fff}
.index-type2 .section9 .sec9-cont .list .box .left .top img{display: block;max-width:90%;margin: 0 auto}
.index-type2 .section9 .sec9-cont .list .box .left .cont{width: 80%;margin: 0 auto;margin-top: 50px}
.index-type2 .section9 .sec9-cont .list .box .left .cont .text{position: relative;font-size: 16px;color: #666;line-height: 1.8;left: 20px}
.index-type2 .section9 .sec9-cont .list .box .left .cont .index2Btn{margin-top: 50px;margin-bottom: 30px}
.index-type2 .section9 .sec9-cont .list .box .right{width: calc( 100% - 100% / 3 - 30px)}
.index-type2 .section9 .sec9-cont .list .box .right .item{position:relative;width: calc(50% - 15px);border: 1px solid #DDDDDD;border-radius: 10px;padding: 0 0 0 30px;box-sizing: border-box}
.index-type2 .section9 .sec9-cont .list .box .right .item .tit{font-size: 20px;font-weight: bold; color: #333333;margin: 30px 0px 18px 0}
.index-type2 .section9 .sec9-cont .list .box .right .item .text{font-size: 14px;  color: #666666;line-height: 1.4}
.index-type2 .section9 .sec9-cont .list .box .right .item .img-box{right:20px;top:-20px;position: absolute;width: 70px;height: 70px;border-radius: 10px;display: flex; align-items:center; justify-content:center}
.index-type2 .section9 .sec9-cont .list .box .right .item:first-child{margin-bottom: 50px; }
.index-type2 .section9 .sec9-cont .list .box .right .item:nth-child(2){margin-bottom: 50px; }
.index-type2 .section9 .sec9-cont .list .box .right .item:nth-child(1) .img-box{margin-bottom: 50px;background-color:#206BEB}
.index-type2 .section9 .sec9-cont .list .box .right .item:nth-child(2) .img-box{margin-bottom: 50px;background-color:#EB4235}
.index-type2 .section9 .sec9-cont .list .box .right .item:nth-child(3) .img-box{margin-bottom: 50px;background-color:#FABC05}
.index-type2 .section9 .sec9-cont .list .box .right .item:nth-child(4) .img-box{margin-bottom: 50px;background-color:#34A852}
.index-type2 .section10 .item a{color: #fff;display: block}
.index-type2 .section10 .item{width: calc(20%);color: #fff;position: relative;cursor: pointer;transition: all .6s;overflow: hidden}
.index-type2 .section10 .item:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2)}
.index-type2 .section10 .item img{display: block;width: 100%}
.index-type2 .section10 .item .tit1{z-index:9;font-size: 26px;color: #fff;position: absolute;top: calc(50% - 12px);width: 100%;text-align: center;font-weight: bold;}
.index-type2 .section10 .item .tit2{z-index:9;font-size: 26px;color: #fff;position: absolute;top: calc(50% - 12px);width: 100%;text-align: center;font-weight: bold;}

.index-type2 .section10 .item .tit{font-size: 24px;font-weight: bold;position: relative;margin-bottom: 40px}
.index-type2 .section10 .item .tit:after{content: '';position:absolute;width: 20px;height: 4px;background-color: #fff;left: 0;bottom: -20px;}
.index-type2 .section10 .item .product{margin-bottom: 20px}
.index-type2 .section10 .item .programme{margin-bottom: 20px}
.index-type2 .section10 .item .text{font-size: 14px;margin-top: 22px;line-height: 1.6}
.index-type2 .section10 .item .bg{position: absolute;z-index: 9;top:100%;height: 100%;transition: all .6s;width: 100%}
.index-type2 .section10 .item:hover .bg{background-color:rgba(32, 107, 235,.8);top: 0}
.index-type2 .section10 .item:hover .tit1{opacity: 0}
.index-type2 .section10 .item .bg .cont{position: absolute;top:0;width: 100%;padding: 35px 30px;box-sizing: border-box;transition: all .6s}
.index-type2 .section10{margin-bottom: 80px}

.index-type2 .adv-type2 .cont .text p{position: relative}
.index-type2 .adv-type1 .cont .text p{position: relative}
.index-type2 .adv-type2 .cont .text p .i{display: none}
.index-type2 .adv-type1 .cont .text p .i{display: none}
.index-type2 .adv-type2 .cont .text p:before{content:'';width: 5px;height:5px;background-color: #206BEB;display: inline-block; position: absolute;top: 10px;margin-right: 15px;left:-15px}
.index-type2 .adv-type1 .cont .text p:before{content:'';width: 5px;height:5px;background-color: #206BEB;display: inline-block; position: absolute;top: 10px;margin-right: 15px;left:-15px}
.index-type2 .section2 .cont .text p{position: relative;padding-left: 15px}
.index-type2 .section2 .cont .text p .i{display: none}
.index-type2 .section2 .cont .text p:before{content:'';width: 5px;height:5px;background-color: #ff9604;display: inline-block; position: absolute;top: 10px; left:0px}

@media screen and (max-width: 1219px) {
    .index-type2 .section3 .cont{font-size: 28px}
    .index-type2 .section3{margin-top: 40px}
    .index-type2 .section9 .sec9-cont .list .box .right .item .img-box{top: -40px;}
    .index-type2 .section9 .sec9-cont .list .box .right .item{padding: 0 0 0 20px;}
    .index-type2 .section10 .item .tit{font-size: 20px}
    .index-type2 .section10 .item .tit1{font-size: 20px}
    .index-type2 .section10 .item .tit2{font-size: 20px}
    .index-type2 .section10 .item .bg .cont {  padding: 15px 15px;}
    .index-type2 .section10 .item .text{margin-top: 10px}
    .index-type2 .section10 .item .product{margin-bottom: 10px}
    .index-type2 .section10 .item .programme{margin-bottom: 10px}
    .index-type2 .section10 .item .tit{margin-bottom: 20px}
    .index-type2 .section10 .item .tit:after {bottom: -10px;}
}
@media screen and (max-width: 1024px) {
    .index-type2 .wrapTit1{font-size: 30px;margin: 40px 0}
    .index-type2 .section2{margin-top: 40px}
    .index-type2 .section3{margin-top: 0px;padding-bottom: 95px}
    .index-type2 .section5{margin-top: 40px}
    .index-type2 .section9{padding: 1px 0 40px}
    .index-type2 .section10{margin-bottom: 40px}
    .index-type2 .section10 .item .bg .cont {  padding: 5px 5px;}
    .index-type2 .section10 .item .text{margin-top: 5px}
    .index-type2 .section10 .item .product{margin-bottom: 5px}
    .index-type2 .section10 .item .programme{margin-bottom: 5px}
    .index-type2 .adv-type1 .cont .tit{font-size: 26px;margin-bottom: 20px}
    .index-type2 .adv-type1 .cont .text{font-size: 16px}
    .index-type2 .adv-type2 .cont .tit{font-size: 26px;margin-bottom: 20px}
    .index-type2 .adv-type2 .cont .text{font-size: 16px}
    .index-type2 .section2 .cont .tit{font-size: 26px;margin-bottom: 20px}
    .index-type2 .section2 .cont .text p{font-size: 16px}
    .index-type2 .section1 .item .bg .cont{padding: 0 10px}
    .index-type2 .section1 .item:hover .bg .cont { top: 0;height: 100%;padding-top: 10px }
    .index-type2 .section1 .item:hover .tit .icon{top: calc(100% - 30px);right: 15px}
}
@media screen and (max-width: 960px) {
    .index-type2 .section10 .item .tit{font-size: 16px}
    .index-type2 .section10 .item .text{transform: scale(.8); transform-origin: top center;}
    .index-type2 .section10 .item .product{transform: scale(.8);transform-origin: top center;}
    .index-type2 .section10 .item .programme{transform: scale(.8);transform-origin: top center;}
    .index-type2 .adv-type1 .cont .tit{font-size: 20px}
    .index-type2 .adv-type1 .cont .text{font-size: 14px}
    .index-type2 .adv-type2 .cont .tit{font-size: 20px}
    .index-type2 .adv-type2 .cont .text{font-size: 14px}
}
@media screen and (max-width: 767px) {
    .index-type2 .section1 .item{width: calc(50% - 5px);margin-bottom: 10px}
    .index-type2 .section2 .cont-box{width: 100%}
    .index-type2 .section2 .img{width: 100%}
    .index-type2 .section3 .img{display: none}
    .index-type2 .section3 .cont{text-align: center}
    /*justify-content: left;*/
    .index-type2 .adv-type1 .cont-box{width: 90%;margin: 0 auto}
    .index-type2 .adv-type1 .img{width: 100%}
    .index-type2 .adv-type2 .flex{ flex-wrap: wrap-reverse}
    /*justify-content: left;*/
    .index-type2 .adv-type2 .cont-box{width: 90%;margin: 0 auto}
    .index-type2 .adv-type2 .img{width: 100%}
    .index-type2 .section3 .index2Btn{margin: 0 auto;margin-top: 30px}
    .index-type2 .section9 .sec9-cont .list .box .left{width: 100%;margin-bottom: 30px!important;}
    .index-type2 .section9 .sec9-cont .list .box .right{width: 100%}
    .index-type2 .section9 .sec9-cont .list .box .right .item{width: 100%;padding-bottom: 20px;margin-bottom: 30px!important;}
    .index-type2 .section9 .sec9-cont .list .box .right .item .img-box{top: -15px;width: 50px;height: 50px}
    .index-type2 .section9 .sec9-cont .list .box .right .item .img-box img{display: block;max-width: 50%}
    .index-type2 .section9 .sec9-nav-box .sec9-nav{font-size: 13px}
    .index-type2 .section9 .sec9-cont .list .box .left .cont{margin-top: 20px}
    .index-type2 .section9 .sec9-cont .list .box .left .cont .index2Btn{margin-top: 20px}
    .index-type2 .section9 .sec9-nav-box{height: 44px;line-height: 44px}
    .index-type2 .wrapTit1{font-size: 24px}
    .index-type2 .section10 .item{width: 100%;height: 120px;overflow: hidden}
    .index-type2 .section10 .item.active{height: 220px}
    .index-type2 .section10 .item.active .bg{background-color:rgba(32, 107, 235,.8);top: 0!important;;display: block}
    .index-type2 .section10 .item.active .tit1{opacity: 0}
    .index-type2 .section10 .item .bg{display: none}
    .index-type2 .section10 .item.active:hover .bg{background-color:rgba(32, 107, 235,.8);top:0!important;}
    .index-type2 .section10 .item.active:hover .tit1{opacity: 0!important;}
    .index-type2 .section10 .item:hover .bg{background-color:rgba(32, 107, 235,.8);top: 100%!important;}
    .index-type2 .section10 .item:hover .tit1{opacity: 1!important;}
    .index-type2 .section10 .item .text{transform: scale(1); transform-origin: top center;}
    .index-type2 .section10 .item .product{transform: scale(1);transform-origin: top center;}
    .index-type2 .section10 .item .programme{transform: scale(1);transform-origin: top center;}
    .index-type2 .adv-type2 .cont .text p{position: relative}
    .index-type2 .adv-type1 .cont .text p{position: relative}
    .index-type2 .adv-type2 .cont .text p .i{display: none}
    .index-type2 .adv-type1 .cont .text p .i{display: none}
    .index-type2 .adv-type2 .cont .text p:before{content:'';width: 5px;height:5px;background-color: #206BEB;display: inline-block; position: absolute;top: 10px;margin-right: 15px;left:-15px}
    .index-type2 .adv-type1 .cont .text p:before{content:'';width: 5px;height:5px;background-color: #206BEB;display: inline-block; position: absolute;top: 10px;margin-right: 15px;left:-15px}
    .index-type2 .section2 .cont .text p{position: relative;padding-left: 15px}
    .index-type2 .section2 .cont .text p .i{display: none}
    .index-type2 .section2 .cont .text p:before{content:'';width: 5px;height:5px;background-color: #ff9604;display: inline-block; position: absolute;top: 10px; left:0px}
    .index-type2 .section3 .cont{font-size: 26px}
    .index-type2 .section3{padding: 40px 0}
    .index-type2 .section2{padding: 40px 0}
    .index-type2 .section4{margin-top: 40px}
    .index-type2 .section4 .case {display: none}
    .index-type2 .section4 .swiper  {display: block}
    .index-type2 .adv-type1{padding: 60px 0 40px}
    .index-type2 .adv-type2{padding: 60px 0 40px}
    .index-type2 .meet{margin-top: 0}
    .index-type2 .tit-icon:before{width: 65px;height: 60px;left: -20px; top: -30px;    transform: scale(.8);}
    .index-type2 .section9 .sec9-cont .list .box .left .top{width: 50%;margin: 0 auto;left: 0}

    .index-type2 .section1 .item .tit{font-size: 20px;font-weight: 400}
    .index-type2 .section1 .item .tit .icon{top: 2px}
    .index-type2 .wrapTit1{font-weight: bold}
    .index-type2 .index2Btn{margin-top: 30px}
    .index-type2 .section2{padding: 30px 0}
    .index-type2 .section3 .cont{font-weight: bold;margin-bottom: 0}
    .index-type2 .section3 .cont span{display: block;height: 10px}
    .index-type2 .section9 .sec9-cont .list .box .left .top{padding: 12px 0}
    .index-type2 .section9 .sec9-cont{padding: 0 15px 0px}
    .index-type2 .section9 .sec9-cont .list .box .right .item .tit{margin: 20px 0 10px 0}
    .index-type2 .section10 .item .bg .cont { padding: 25px 20px; }
    .index-type2 .section10 .item .tit{font-size: 24px;font-weight: 400}
    .index-type2 .wrapTit1 span{display: block;height: 10px}
    .index-type2 .adv-type2 .cont .tit{font-size: 24px;font-weight: bold}
    .index-type2 .adv-type1 .cont .tit{font-size: 24px;font-weight: bold}
}
.self-ellipsis {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.section10-tbody{display: flex;align-items: center;justify-content: space-between;padding-top: 84px;padding-bottom: 136px;box-sizing: content-box}
.sec10-tbody-left{max-width: 466px;width: 100%;padding-top: 32px;position: relative}
.sec10-tbody-left .sec10-tbody-title{font-size: 42px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;line-height: 64px;}
.sec10-tbody-left .sec10-tbody-text{font-size: 18px;margin-top: 12px; max-width: 330px;font-family: Microsoft YaHei;font-weight: 400;color: #6B6B6B;line-height: 40px;}
.sec10-tbody-left .sec10-tbody-href{margin-top: 134px;text-align: center;}
.sec10-tbody-left .sec10-tbody-href a{box-sizing: border-box; display: inline-block;font-size: 16px;min-width: 160px;line-height: 30px;padding: 10px 48px ;font-family: "SourceHanSansCN-Regular";font-weight: 400;background: #206BEB;border-radius: 10px;color: #FFFFFF;}
.sec10-tbody-right{max-width: 676px;width: 100%;position: relative}
.sec10-tbody-right .container{width: 100%;position: relative;height: 480px;}
.sec10-tbody-right .container .cards-list {position: absolute;left: 0;top: 29px;border-radius: 10px;transition: 330ms;transition: 440ms cubic-bezier(0.34, 1.56, 0.64, 1);}
.sec10-tbody-right .cards-list .img {height: 381px;border-radius: 15px;overflow: hidden}
.sec10-tbody-right .cards-list .main-con{position: absolute;left: 34px;right: 34px;bottom: -70px;text-align: center;padding: 20px 10px;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.31);border-radius: 5px;}
.sec10-tbody-right .cards-list .main-con .name{font-size: 26px;line-height: 42px;font-family: Microsoft YaHei;font-weight: bold;color: #FFFFFF;}
.sec10-tbody-right .cards-list .main-con .content{font-size: 18px;line-height: 36px;font-family: Microsoft YaHei;color: #FFFFFF;margin-top: 7px}
#maskVideo {height: 100%;overflow: hidden;}
@media screen and (max-width: 1419px) {
    .section10-tbody{padding-top: 72px;padding-bottom: 110px;}
    .sec10-tbody-left{max-width: 460px;padding-top: 30px;}
    .sec10-tbody-left .sec10-tbody-title{font-size: 36px;line-height: 58px;}
    .sec10-tbody-left .sec10-tbody-text{font-size: 18px;margin-top: 12px; max-width: 330px;line-height: 40px;}
    .sec10-tbody-left .sec10-tbody-href{margin-top: 120px;}
    .sec10-tbody-left .sec10-tbody-href a{font-size: 16px;min-width: 160px;line-height: 30px;padding: 10px 48px ;}
    .sec10-tbody-right{max-width: 654px;}
    .sec10-tbody-right .container{height: 480px;}
    .sec10-tbody-right .container .cards-list {left: 0;top: 29px;border-radius: 10px;}
    .sec10-tbody-right .cards-list .img {height: 380px;}
    .sec10-tbody-right .cards-list .main-con{left: 28px;right: 28px;bottom: -66px;padding: 20px 10px;}
    .sec10-tbody-right .cards-list .main-con .name{font-size: 24px;line-height: 42px;}
    .sec10-tbody-right .cards-list .main-con .content{font-size: 16px;line-height: 36px;margin-top: 7px}
}
@media screen and (max-width: 1219px) {
    .section10-tbody{padding-top: 60px;padding-bottom: 90px;}
    .sec10-tbody-left{max-width: 400px;padding-top: 16px;}
    .sec10-tbody-left .sec10-tbody-title{font-size: 32px;line-height: 54px;}
    .sec10-tbody-left .sec10-tbody-text{font-size: 16px;margin-top: 12px; max-width: 300px;line-height: 40px;}
    .sec10-tbody-left .sec10-tbody-href{margin-top: 90px;}
    .sec10-tbody-left .sec10-tbody-href a{font-size: 16px;min-width: 160px;line-height: 30px;padding: 10px 48px ;}
    .sec10-tbody-right{max-width: 560px;padding-right: 86px;box-sizing: border-box}
    .sec10-tbody-right .container{height: 420px;}
    .sec10-tbody-right .container .cards-list {left: 0;top: 18px;border-radius: 10px;}
    .sec10-tbody-right .cards-list .img {height: 320px;}
    .sec10-tbody-right .cards-list .img img{max-width: 100%;}
    .sec10-tbody-right .cards-list .main-con{left: 20px;right: 20px;bottom: -50px;padding: 12px 10px;}
    .sec10-tbody-right .cards-list .main-con .name{font-size: 20px;line-height: 36px;}
    .sec10-tbody-right .cards-list .main-con .content{font-size: 14px;line-height: 30px;margin-top: 6px}
}
@media screen and (max-width: 1024px) {
    .section10-tbody{padding-top: 48px;padding-bottom: 72px;}
    .sec10-tbody-left{max-width: 100%;width: 34%; padding-top: 16px;}
    .sec10-tbody-left .sec10-tbody-title{font-size: 26px;line-height: 48px;}
    .sec10-tbody-left .sec10-tbody-text{font-size: 14px;margin-top: 12px; max-width: 280px;line-height: 32px;}
    .sec10-tbody-left .sec10-tbody-href{margin-top: 40px;}
    .sec10-tbody-left .sec10-tbody-href a{font-size: 14px;min-width: 140px;line-height: 24px;padding: 10px 32px ;}
    .sec10-tbody-right{max-width: 62%;padding-right: 60px;box-sizing: border-box}
    .sec10-tbody-right .container{height: 354px;}
    .sec10-tbody-right .container .cards-list {left: 0;top: 18px;border-radius: 10px;}
    .sec10-tbody-right .cards-list .img {height: 305px;}
    .sec10-tbody-right .cards-list .img img{max-width: 100%;}
    .sec10-tbody-right .cards-list .main-con{left: 20px;right: 20px;bottom: -40px;padding: 12px 10px;}
    .sec10-tbody-right .cards-list .main-con .name{font-size: 20px;line-height: 36px;}
    .sec10-tbody-right .cards-list .main-con .content{font-size: 14px;line-height: 30px;margin-top: 6px}
}
@media screen and (max-width: 960px) {
    .section10-tbody{padding-top: 36px;padding-bottom: 50px;}
    .sec10-tbody-left{max-width: 100%;width: 34%; padding-top: 16px;}
    .sec10-tbody-left .sec10-tbody-title{font-size: 20px;line-height: 40px;}
    .sec10-tbody-left .sec10-tbody-text{font-size: 14px;margin-top: 12px; max-width: 280px;line-height: 28px;}
    .sec10-tbody-left .sec10-tbody-href{margin-top: 36px;}
    .sec10-tbody-left .sec10-tbody-href a{font-size: 14px;min-width: 140px;line-height: 24px;padding: 10px 32px ;}
    .sec10-tbody-right{max-width: 62%;padding-right: 60px;box-sizing: border-box}
    .sec10-tbody-right .container{height: 280px;}
    .sec10-tbody-right .container .cards-list {left: 0;top: 18px;border-radius: 10px;}
    .sec10-tbody-right .cards-list .img {height: 260px;}
    .sec10-tbody-right .cards-list .img img{max-width: 100%;}
    .sec10-tbody-right .cards-list .main-con{left: 10px;right: 10px;bottom: -20px;padding: 12px 8px;}
    .sec10-tbody-right .cards-list .main-con .name{font-size: 16px;line-height: 30px;}
    .sec10-tbody-right .cards-list .main-con .content{font-size: 12px;line-height: 24px;margin-top: 6px}
}
@media screen and (max-width: 767px) {
    .section10-tbody{padding-top: 36px;padding-bottom: 50px;}
    .sec10-tbody-left{max-width: 100%;width: 100%; padding-top: 0px;}
    .sec10-tbody-left .sec10-tbody-title{font-size: 20px;line-height: 32px;text-align: center}
    .sec10-tbody-left .sec10-tbody-text{font-size: 14px;margin-top: 10px; max-width:none;line-height: 14px;text-align: center}
    .sec10-tbody-left .sec10-tbody-href{margin-top: 16px;}
    .sec10-tbody-left .sec10-tbody-href a{font-size: 14px;min-width: 140px;line-height: 24px;padding: 10px 32px ;}
    .sec10-tbody-right{max-width: 100%;padding-right: 72px;box-sizing: border-box;margin-top: 50px}
    .sec10-tbody-right .container{height:auto;padding-bottom: calc(64.57627118644068% + 29px)}
    .sec10-tbody-right .container .cards-list {left: 0;top: 0px;border-radius: 10px;}
    .sec10-tbody-right .cards-list .img {height: auto;}
    .sec10-tbody-right .cards-list .img img{max-width: 100%;}
    .sec10-tbody-right .cards-list .main-con{left: 10px;right: 10px;bottom: -40px;padding: 12px 8px;}
    .sec10-tbody-right .cards-list .main-con .name{font-size: 16px;line-height: 30px;}
    .sec10-tbody-right .cards-list .main-con .content{font-size: 12px;line-height: 24px;margin-top: 6px}
}
@media screen and (max-width: 560px) {
    .section10-tbody{padding-top: 36px;padding-bottom: 50px;}
    .sec10-tbody-left{max-width: 100%;width: 100%; padding-top: 0px;}
    .sec10-tbody-left .sec10-tbody-title{font-size: 20px;line-height: 30px;text-align: center}
    .sec10-tbody-left .sec10-tbody-text{font-size: 14px;margin-top: 6px; max-width:none;line-height: 24px;text-align: center}
    .sec10-tbody-left .sec10-tbody-href{margin-top: 10px;}
    .sec10-tbody-left .sec10-tbody-href a{font-size: 14px;min-width: 140px;line-height: 24px;padding: 10px 32px ;}
    .sec10-tbody-right{max-width: 100%;padding-right: 20px;box-sizing: border-box;margin-top: 50px}
    .sec10-tbody-right .container{height:auto;padding-bottom: calc(64.57627118644068% + 29px)}
    .sec10-tbody-right .container .cards-list {left: 0;top: 0px;border-radius: 10px;}
    .sec10-tbody-right .cards-list .img {height: auto;}
    .sec10-tbody-right .cards-list .img img{max-width: 100%;}
    .sec10-tbody-right .cards-list .main-con{left: 10px;right: 10px;bottom: -40px;padding: 12px 8px;}
    .sec10-tbody-right .cards-list .main-con .name{font-size: 16px;line-height: 30px;}
    .sec10-tbody-right .cards-list .main-con .content{font-size: 12px;line-height: 24px;margin-top: 6px}
}
.layer-video{max-width: 92%;margin: 0 auto}